<template>
  <div class="patient-info" v-if="true">
    <div class="patient-info-inside">
      <div class="header">
        <div class="left item">
          <img
              alt="左侧"
              src="@/components/assets/images/design/1-12.webp"
          />
        </div>
        <div class="middle item">请选择发卡对象</div>
        <div class="right item">
          <img
              alt="右侧"
              src="@/components/assets/images/design/1-12.webp"
          />
        </div>
      </div>
      <div class="patient-info-area">
        <div  v-for="(item,index) in list" :key="index" class="item" @click="postUserMsg(item)">
          <div class="imgBox">
             <img
              alt="右侧"
              src="@/components/assets/images/design/1-50x1.png"
          />
          </div>
          <div class="connect">{{item.name}}</div>
          
        </div>
        
        
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'SelectTheCardIssuer',

  componentName: "SelectTheCardIssuer",

  components: {},

  data() {
    return {
      list: [{name: '成人',value: '1'}] // N	可空	1、本人 2、儿童 默认1
    }
  },

  computed: {
    patientInfo() {
      return this.$store.getters['DRCbiz/getPatientInfo']
    }
  },

  mounted() {
  },

  methods: {
    postUserMsg(row){
      this.$emit('postUserMsg',row)
    },

  },
}

</script>

<style scoped lang="scss">
@import "./assets/style";
</style>